import Vue from 'vue';

// const App = new Vue({})
import App from './App.vue';
import TsDiv from './TsDiv.vue';
import TsButton from './TsButton.vue';

// 将组件对象定义成一个标签，给一个函数起一个函数名
// TsDiv() 函数输出 template
Vue.component('TsDiv', TsDiv); // <TsDiv></TsDiv>
Vue.component('TsButton', TsButton);


// 根组件
new Vue({
  el: '#app',
  render: h => h(App),

  // render: h => h('div', ['hello DIV', h(App), h(TsDiv)]),
  // template: '<p>hello <b>jack</b> !! </p>'
  // render: (h) => {
  //   return h('p', ['hello', h('b', ['jack']), '!!']);
  // }
});